page{
	height: 100vh;
}
.container {
		position: relative;
		height: 680rpx;
		width: 700rpx;
		margin:60rpx auto 0 auto;
		border-radius: 40rpx;
		background: linear-gradient(138deg, #FF5D4E 0%, #FF5A4E 100%);
		background-size: 400%;
		animation: animatebox 4s linear infinite;

		.container1{
			background: linear-gradient(138deg, #FF5D4E 0%, #FF5A4E 100%);
			border-bottom: 10rpx solid #DB4D41;
			filter: blur(3px);
			border-radius: 40rpx;
			opacity: 0.7;
		}
		@keyframes animatebox {
			0% {
				background-position: 0%;
			}

			50% {
				background-position: 100%;
			}

			100% {
				background-position: 0%;
			}
		}


		.container_circle {
			position: absolute;
			display: block;
			border-radius: 50%;
			height: 20rpx;
			width: 20rpx;
		}

		.container_content {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 620rpx;
			height: 600rpx;
			background-color: #D34D3D;


			border-radius: 40rpx;
			margin:40rpx auto 0 auto;

			// background: linear-gradient(72.5deg, #ef499c, #cc55e5, #ffb140, #f7ed54, #ffb140, #cc55e5, #ef499c);
			background-size: 400%;
			animation: animate1 4s linear infinite;

			@keyframes animate1 {
				0% {
					background-position: 0%;
				}

				50% {
					background-position: 100%;
				}

				100% {
					background-position: 0%;
				}
			}


			.content_out {
				position: absolute;
				height: 184rpx;
				width: 190rpx;
				background: #FEF9F6;
				box-shadow: inset 0rpx -6rpx 24rpx 0rpx #FBD8D2;
				border-radius: 20rpx 20rpx 20rpx 20rpx;
				// opacity: 1;
				// border: 4rpx solid #3A6667;

				// box-shadow: 0 5px 0 #d87fde;
				.award_image {
					// position: absolute;
					margin: 12rpx auto 0 auto;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					height: 66rpx;
					width: 54rpx;
				}
			}
			.hongbao_bg{
				width: 128rpx;
				height: 142rpx;
				left: calc(50% - 64rpx);
			}
			.content_btn {
				position: absolute;
				font-family: Source Han Sans CN;
				font-weight: bold;
				font-size: 67rpx;
				color: #FFFFFF;
				line-height: 73rpx;
				text-shadow: 0rpx 5rpx 10rpx rgba(212,76,62,0.67);
				background-color: #FFC772;
				@keyframes animate {
					0% {
						background-position: 0%;
					}

					50% {
						background-position: 100%;
					}

					100% {
						background-position: 0%;
					}
				}

			}
		}

		.container_num {
			position: absolute;
			top: -60rpx;
			left: 50%;
			transform: translateX(-50%);
			background-image: -webkit-linear-gradient(left, #083a96, #e63609 25%, #083a96 50%, #e63609 75%, #083a96);
			-webkit-text-fill-color: transparent;
			background-clip: text;
			background-size: 200% 100%;
			animation: masked-animation 4s infinite linear;

			@keyframes masked-animation {
				0% {
					background-position: 0 0;
				}

				100% {
					background-position: -100% 0;
				}
			}
		}
	}
	
	.jilu_value{
		margin: 40rpx auto 0 auto;
		height: 354rpx;
		width: 616rpx;
		border-radius: 30rpx;
		border: 4px solid #FEF2BE;
		background-color: rgba(254, 242, 190, 0.2);
		.swiper{
			height: 354rpx;
			.swiperitrm{
				display: inline-block;
				height: 70rpx !important;
				color: #ffffff;
			}
			&:after {
			  content: '';
			  position: absolute;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  z-index: 2;
			 }
		}
	}
	
.popup_view{
	width: 600rpx;
	.qry_btn{
		width: 260rpx;
		height: 80rpx;
		background: #FD6317;
		margin: 80rpx auto 0 auto;
		line-height: 80rpx;
	}
}